<style lang="scss" scoped>
// .sun::before {
//   content: "";
//   position: absolute;
//   width: 60px;
//   height: 60px;
//   background-color: #f6d963;
//   border-radius: 50%;
//   top: 50%;
//   left: 50%;
//   box-shadow: 0 0 20px #ff0;
//   z-index: 2;
// }
.sun::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  margin: -45px 0 0 -45px;
  background-color: #ffeb3b;
  clip-path: polygon(
    50% 0,
    64.43% 25%,
    93.3% 25%,
    78.87% 50%,
    93.3% 75%,
    64.43% 75%,
    50% 100%,
    35.57% 75%,
    6.7% 75%,
    21.13% 50%,
    6.7% 25%,
    35.57% 25%
  );
}
</style>
<template>
  <div class="sun"></div>
</template>

<script>
export default {
  props: {},
  computed: {},
  data() {},
  methods: {},
  mounted() {},
};
</script>
